<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>项目需求 | 项目实战</title>
    <meta name="generator" content="VuePress 1.7.1">
    
    <meta name="description" content="">
    
    <link rel="preload" href="/project-word/assets/css/0.styles.441b7c55.css" as="style"><link rel="preload" href="/project-word/assets/js/app.1efb13a5.js" as="script"><link rel="preload" href="/project-word/assets/js/3.c7d8034a.js" as="script"><link rel="preload" href="/project-word/assets/js/2.dba62a78.js" as="script"><link rel="prefetch" href="/project-word/assets/js/10.047575f2.js"><link rel="prefetch" href="/project-word/assets/js/11.5b2b793a.js"><link rel="prefetch" href="/project-word/assets/js/12.6ca56317.js"><link rel="prefetch" href="/project-word/assets/js/4.8b7e9d4a.js"><link rel="prefetch" href="/project-word/assets/js/5.3eab7b4c.js"><link rel="prefetch" href="/project-word/assets/js/6.ce8a1920.js"><link rel="prefetch" href="/project-word/assets/js/7.26f952ac.js"><link rel="prefetch" href="/project-word/assets/js/8.9855f330.js"><link rel="prefetch" href="/project-word/assets/js/9.8a12a50d.js">
    <link rel="stylesheet" href="/project-word/assets/css/0.styles.441b7c55.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/project-word/" class="home-link router-link-active"><!----> <span class="site-name">项目实战</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <!----></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><!---->  <ul class="sidebar-links"><li><a href="/project-word/01-项目介绍.html" class="sidebar-link">项目介绍</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/01-项目介绍.html#项目介绍" class="sidebar-link">项目介绍</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/01-项目介绍.html#_01-项目背景" class="sidebar-link">01-项目背景</a></li><li class="sidebar-sub-header"><a href="/project-word/01-项目介绍.html#_02-产品介绍" class="sidebar-link">02-产品介绍</a></li><li class="sidebar-sub-header"><a href="/project-word/01-项目介绍.html#_03-功能介绍" class="sidebar-link">03-功能介绍</a></li></ul></li></ul></li><li><a href="/project-word/02-项目需求.html" class="active sidebar-link">项目需求</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#项目需求" class="sidebar-link">项目需求</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_01-基础题库" class="sidebar-link">01-基础题库</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_02-精选题库" class="sidebar-link">02-精选题库</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_03-试题录入" class="sidebar-link">03-试题录入</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_04-题组管理" class="sidebar-link">04-题组管理</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_05-学科管理" class="sidebar-link">05-学科管理</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_06-目录管理" class="sidebar-link">06-目录管理</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_07-标签管理" class="sidebar-link">07-标签管理</a></li><li class="sidebar-sub-header"><a href="/project-word/02-项目需求.html#_08-面试技巧" class="sidebar-link">08-面试技巧</a></li></ul></li></ul></li><li><a href="/project-word/03-项目接口.html" class="sidebar-link">接口文档</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_01-框架" class="sidebar-link">01-框架</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-1用户修改密码" class="sidebar-link">1.1用户修改密码</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-2用户注册" class="sidebar-link">1.2用户注册</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-3用户注销" class="sidebar-link">1.3用户注销</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-4用户登录" class="sidebar-link">1.4用户登录</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_1-5用户资料" class="sidebar-link">1.5用户资料</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_02-用户管理" class="sidebar-link">02-用户管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-1用户修改" class="sidebar-link">2.1用户修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-2用户列表" class="sidebar-link">2.2用户列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-3用户删除" class="sidebar-link">2.3用户删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-4用户屏蔽、启用" class="sidebar-link">2.4用户屏蔽、启用</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-5用户添加" class="sidebar-link">2.5用户添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-6用户简单列表" class="sidebar-link">2.6用户简单列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-7用户详情" class="sidebar-link">2.7用户详情</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_2-8用户重置密码" class="sidebar-link">2.8用户重置密码</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_03-菜单管理" class="sidebar-link">03-菜单管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-1菜单修改" class="sidebar-link">3.1菜单修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-2菜单列表" class="sidebar-link">3.2菜单列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-3菜单删除" class="sidebar-link">3.3菜单删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-4菜单添加" class="sidebar-link">3.4菜单添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_3-5菜单详情" class="sidebar-link">3.5菜单详情</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_04-权限组管理" class="sidebar-link">04-权限组管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-1权限组修改" class="sidebar-link">4.1权限组修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-2权限组列表" class="sidebar-link">4.2权限组列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-3权限组删除" class="sidebar-link">4.3权限组删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-4权限组添加" class="sidebar-link">4.4权限组添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-5权限组简单列表" class="sidebar-link">4.5权限组简单列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_4-6权限组详情" class="sidebar-link">4.6权限组详情</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_05-企业管理" class="sidebar-link">05-企业管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-1企业管理修改" class="sidebar-link">5.1企业管理修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-2企业管理列表" class="sidebar-link">5.2企业管理列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-3企业管理删除" class="sidebar-link">5.3企业管理删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-4企业管理添加" class="sidebar-link">5.4企业管理添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-5企业管理设置状态" class="sidebar-link">5.5企业管理设置状态</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_5-6企业管理详情" class="sidebar-link">5.6企业管理详情</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_06-题库管理" class="sidebar-link">06-题库管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-1审核意见" class="sidebar-link">6.1审核意见</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-2出题记录" class="sidebar-link">6.2出题记录</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-3基础题库列表" class="sidebar-link">6.3基础题库列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-4基础题库删除" class="sidebar-link">6.4基础题库删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-5基础题库添加" class="sidebar-link">6.5基础题库添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-5基础题库详情" class="sidebar-link">6.5基础题库详情</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-6基础题库修改" class="sidebar-link">6.6基础题库修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-7批量导入题" class="sidebar-link">6.7批量导入题</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-8精选题库上下架" class="sidebar-link">6.8精选题库上下架</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-9精选题库列表" class="sidebar-link">6.9精选题库列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-10组题列表" class="sidebar-link">6.10组题列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-11组题列表删除" class="sidebar-link">6.11组题列表删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-12加入或移出精选" class="sidebar-link">6.12加入或移出精选</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_6-13试题审核" class="sidebar-link">6.13试题审核</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_07-学科管理" class="sidebar-link">07-学科管理</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-1标签添加" class="sidebar-link">7.1标签添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-2学科修改" class="sidebar-link">7.2学科修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-3学科删除" class="sidebar-link">7.3学科删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-4学科添加" class="sidebar-link">7.4学科添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-5学科简单列表" class="sidebar-link">7.5学科简单列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-6学科详情" class="sidebar-link">7.6学科详情</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-7标签修改" class="sidebar-link">7.7标签修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-8标签列表" class="sidebar-link">7.8标签列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-9标签删除" class="sidebar-link">7.9标签删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-10学科列表" class="sidebar-link">7.10学科列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-11标签状态" class="sidebar-link">7.11标签状态</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-12标签详情" class="sidebar-link">7.12标签详情</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-13目录修改" class="sidebar-link">7.13目录修改</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-14目录列表" class="sidebar-link">7.14目录列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-15目录删除" class="sidebar-link">7.15目录删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-16目录添加" class="sidebar-link">7.16目录添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-17目录状态" class="sidebar-link">7.17目录状态</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_7-18目录详情" class="sidebar-link">7.18目录详情</a></li></ul></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_08-面试技巧" class="sidebar-link">08-面试技巧</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-1文章列表" class="sidebar-link">8.1文章列表</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-2文章删除" class="sidebar-link">8.2文章删除</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-3文章添加" class="sidebar-link">8.3文章添加</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-4文章状态" class="sidebar-link">8.4文章状态</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-5文章编辑" class="sidebar-link">8.5文章编辑</a></li><li class="sidebar-sub-header"><a href="/project-word/03-项目接口.html#_8-6文章详情" class="sidebar-link">8.6文章详情</a></li></ul></li></ul></li><li><a href="/project-word/04-协同开发.html" class="sidebar-link">协同开发</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#协同开发" class="sidebar-link">协同开发</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#git工作流程" class="sidebar-link">Git工作流程</a></li><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#_01-项目开始-组长" class="sidebar-link">01-项目开始（组长）</a></li><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#_02-开发阶段" class="sidebar-link">02-开发阶段</a></li><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#_03-测试阶段" class="sidebar-link">03-测试阶段</a></li><li class="sidebar-sub-header"><a href="/project-word/04-协同开发.html#_04-分支流程参考" class="sidebar-link">04-分支流程参考</a></li></ul></li></ul></li><li><a href="/project-word/05-项目部署.html" class="sidebar-link">项目部署</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/05-项目部署.html#项目部署" class="sidebar-link">项目部署</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/project-word/05-项目部署.html#项目打包" class="sidebar-link">项目打包</a></li><li class="sidebar-sub-header"><a href="/project-word/05-项目部署.html#前端部署" class="sidebar-link">前端部署</a></li></ul></li></ul></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h2 id="项目需求"><a href="#项目需求" class="header-anchor">#</a> 项目需求</h2> <blockquote><p>相关资源：</p> <ul><li><a href="http://czpm.itcast.cn/%E9%BB%91%E9%A9%AC%E9%9D%A2%E9%9D%A2/V2.0/#g=1&amp;p=%E6%A6%82%E8%A7%88" target="_blank" rel="noopener noreferrer">产品原型<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>http://destiny001.gitee.io/hmmm-view/#/dashboard</li> <li>设计图</li> <li><a href="https://lanhuapp.com/web/#/item/project/board?pid=68387021-56ba-4a61-b49e-ccd75326b133" target="_blank" rel="noopener noreferrer">参考图<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li>需求文档</li></ul> <p><strong>以参考图+需求文档为准，产品原型+设计稿仅供参考</strong></p></blockquote> <h3 id="_01-基础题库"><a href="#_01-基础题库" class="header-anchor">#</a> 01-基础题库</h3> <h4 id="_1-1筛选区域"><a href="#_1-1筛选区域" class="header-anchor">#</a> 1.1筛选区域</h4> <p><img src="/project-word/assets/img/1588932500636.b390676d.png" alt="1588932500636"></p> <p><strong>学科</strong>下拉菜单，根据后台学科列表数据渲染下拉选项。</p> <p><strong>二级目录</strong>下拉菜单，默认无选项数据，它属于某个学科，所以当学科选择后，加载对应的二级目录列表数据渲染下拉选项。</p> <p><strong>标签</strong>下拉菜单，默认无选项数据，它属于某个学科，所以当学科选择后，加载器对应的标签列表数据渲染下拉选项。</p> <p><strong>关键字</strong>输入框</p> <p><strong>试题类型</strong>下拉菜单，根据前后端约定规则，初始化下拉选项。</p> <ul><li>单选 ---&gt;  1</li> <li>多选 ---&gt;  2</li> <li>简单 ---&gt;  3</li></ul> <p><strong>难度</strong>下拉菜单，根据前后端约定规则，初始化下拉选项。</p> <ul><li>简单 ---&gt;  1</li> <li>一般 ---&gt;  2</li> <li>困难 ---&gt;  3</li></ul> <p><strong>方向</strong>下拉菜单，根据前后端约定规则，初始化下拉选项。</p> <ul><li>o2o，外包服务，企业服务，互联网金融，企业咨询，互联网，电子商务，其他</li></ul> <p><strong>录入人</strong>下拉菜单，根据后台用户列表数据渲染下拉选项。</p> <p><strong>题目备注</strong>输入框</p> <p><strong>企业简称</strong>输入框</p> <p><strong>城市</strong>下拉菜单</p> <ul><li>第一个下拉框，获取所有城市数据渲染下拉选项。</li> <li>第二个下拉框，默认无选项数据，它属于某个城市，所以当城市选择后，加载器对应的地区列表数据渲染下拉选项。</li></ul> <p>点击<strong>清除</strong>按钮，清空所有之前输入或选择的筛选项数据。</p> <p>点击<strong>筛选</strong>按钮，根据输入或选择的筛选条件，查询第一页基础题库数据且渲染列表。</p> <h4 id="_1-2列表区域"><a href="#_1-2列表区域" class="header-anchor">#</a> 1.2列表区域</h4> <p><img src="/project-word/assets/img/1589188040035.5509d606.png" alt="1589188040035"></p> <p>布局：数量区域、表格区域、分页区域。</p> <p>分页：</p> <ul><li>在进入基础题库后立即加载第一页数据并进行渲染。</li> <li>当用户点击分页按钮时需要按照当前点击分页页码切换列表内容。</li> <li>当用户选择分页条数时需要安装当前选中分页条数且回到第一页进行列表渲染。</li> <li>当用户输入页码的时候，按下回车键，将列表切换到当前输入页码对应数据。</li></ul> <h4 id="_1-3添加功能"><a href="#_1-3添加功能" class="header-anchor">#</a> 1.3添加功能</h4> <p><img src="" alt="1589189206521"></p> <p>当用户点击（新增试题）按钮的时候，跳转到试题录入即可。</p> <h4 id="_1-4预览功能"><a href="#_1-4预览功能" class="header-anchor">#</a> 1.4预览功能</h4> <p><img src="/project-word/assets/img/1589189345313.45cadc44.png" alt="1589189345313"></p> <p>当用户点击（预览）按钮的时候，不同题型弹出对话框内容：</p> <ul><li>单选预览效果</li></ul> <p><img src="/project-word/assets/img/1589189433508.b683717e.png" alt="1589189433508"></p> <ul><li>多选预览效果</li></ul> <p><img src="/project-word/assets/img/1589189472234.acff1f46.png" alt="1589189472234"></p> <ul><li>简答预览效果</li></ul> <p><img src="/project-word/assets/img/1589189511238.2ca1b911.png" alt="1589189511238"></p> <p>当用户点击（视频答案预览）按钮时，按钮的下方显示视频播放器且开始播放解析视频。</p> <p><img src="/project-word/assets/img/1589189931314.21f1ee57.png" alt="1589189931314"></p> <p>注意：如果无视频连接，不打开播放器即可。</p> <h4 id="_1-5修改功能"><a href="#_1-5修改功能" class="header-anchor">#</a> 1.5修改功能</h4> <p><img src="/project-word/assets/img/1589190769068.9b806d56.png" alt="1589190769068"></p> <p>当用户点击（修改）按钮的时候，跳转到试题录入即可。需要在地址栏携带试题ID方可区分新增与修改。</p> <h4 id="_1-6删除功能"><a href="#_1-6删除功能" class="header-anchor">#</a> 1.6删除功能</h4> <p><img src="/project-word/assets/img/1589190920494.3130a6f3.png" alt="1589190920494"></p> <p>当用户点击（删除）按钮的时候，弹出警告确认框，点击确认后，删除当前试题，成功后：提示删除成功+更新当前列表。</p> <h4 id="_1-7加入精选"><a href="#_1-7加入精选" class="header-anchor">#</a> 1.7加入精选</h4> <p><img src="/project-word/assets/img/1589191004641.98c3e7cd.png" alt="1589191004641"></p> <p>当用户点击（加入精选）按钮的时候，弹出信息确认框，点击确认后，将当前试题加入精选题库，成功后：提示加入精选题库成功+跳转到精选题库。</p> <h3 id="_02-精选题库"><a href="#_02-精选题库" class="header-anchor">#</a> 02-精选题库</h3> <h4 id="_2-1筛选区域"><a href="#_2-1筛选区域" class="header-anchor">#</a> 2.1筛选区域</h4> <p><img src="/project-word/assets/img/1588932500636.b390676d.png" alt="1588932500636"></p> <p><strong>学科</strong>下拉菜单，根据后台学科列表数据渲染下拉选项。</p> <p><strong>二级目录</strong>下拉菜单，默认无选项数据，它属于某个学科，所以当学科选择后，加载器对应的二级目录列表数据渲染下拉选项。</p> <p><strong>标签</strong>下拉菜单，默认无选项数据，它属于某个学科，所以当学科选择后，加载器对应的标签列表数据渲染下拉选项。</p> <p><strong>关键字</strong>输入框</p> <p><strong>试题类型</strong>下拉菜单，根据前后端约定规则，初始化下拉选项。</p> <ul><li>单选 ---&gt;  1</li> <li>多选 ---&gt;  2</li> <li>简单 ---&gt;  3</li></ul> <p><strong>难度</strong>下拉菜单，根据前后端约定规则，初始化下拉选项。</p> <ul><li>简单 ---&gt;  1</li> <li>一般 ---&gt;  2</li> <li>困难 ---&gt;  3</li></ul> <p><strong>方向</strong>下拉菜单，根据前后端约定规则，初始化下拉选项。</p> <ul><li>o2o，外包服务，企业服务，互联网金融，企业咨询，互联网，电子商务，其他</li></ul> <p><strong>录入人</strong>下拉菜单，根据后台用户列表数据渲染下拉选项。</p> <p><strong>题目备注</strong>输入框</p> <p><strong>企业简称</strong>输入框</p> <p><strong>城市</strong>下拉菜单</p> <ul><li>第一个下拉框，获取所有城市数据渲染下拉选项。</li> <li>第二个下拉框，默认无选项数据，它属于某个城市，所以当城市选择后，加载器对应的地区列表数据渲染下拉选项。</li></ul> <p>点击<strong>清除</strong>按钮，清空所有之前输入或选择的筛选项数据。</p> <p>点击<strong>筛选</strong>按钮，根据输入或选择的筛选条件，查询第一页精选题库数据且渲染列表。</p> <h4 id="_2-2列表区域"><a href="#_2-2列表区域" class="header-anchor">#</a> 2.2列表区域</h4> <p><img src="/project-word/assets/img/1589271693719.2fd217b5.png" alt="1589271693719"></p> <p>布局：tab选项卡、数量区域、表格区域、分页区域。</p> <p>切换：当切换选项卡的时候，需要根据题状态且回到第一页查询对应精选试题列表，更新列表。</p> <p>分页：</p> <ul><li>在进入基础题库后立即加载第一页数据并进行渲染。</li> <li>当用户点击分页按钮时需要按照当前点击分页页码切换列表内容。</li> <li>当用户选择分页条数时需要安装当前选中分页条数且回到第一页进行列表渲染。</li> <li>当用户输入页码的时候，按下回车键，将列表切换到当前输入页码对应数据。</li></ul> <p>状态说明：</p> <p><img src="" alt="1593221089622"></p> <h4 id="_2-3添加功能"><a href="#_2-3添加功能" class="header-anchor">#</a> 2.3添加功能</h4> <p><img src="" alt="1589189206521"></p> <p>当用户点击（新增试题）按钮的时候，跳转到试题录入即可。</p> <h4 id="_2-4预览试题"><a href="#_2-4预览试题" class="header-anchor">#</a> 2.4预览试题</h4> <p><img src="/project-word/assets/img/1589272013799.743d997d.png" alt="1589272013799"></p> <p>当用户点击（预览）按钮的时候，不同题型弹出对话框内容：</p> <ul><li>单选预览效果</li></ul> <p><img src="/project-word/assets/img/1589189433508.b683717e.png" alt="1589189433508"></p> <ul><li>多选预览效果</li></ul> <p><img src="/project-word/assets/img/1589189472234.acff1f46.png" alt="1589189472234"></p> <ul><li>简答预览效果</li></ul> <p><img src="/project-word/assets/img/1589189511238.2ca1b911.png" alt="1589189511238"></p> <p>当用户点击（视频答案预览）按钮时，按钮的下方显示视频播放器且开始播放解析视频。</p> <p><img src="/project-word/assets/img/1589189931314.21f1ee57.png" alt="1589189931314"></p> <p>注意：如果无视频连接，不打开播放器即可。</p> <h4 id="_2-5审核功能"><a href="#_2-5审核功能" class="header-anchor">#</a> 2.5审核功能</h4> <p><img src="/project-word/assets/img/1589272184682.89a917e4.png" alt="1589272184682"></p> <p><code>注意：当试题已经审核过，那么此时（审核）按钮需要禁用。</code></p> <p>当用户点击（审核）按钮的时候，弹出对话框，可选择通过或拒绝操作，且需要输入审核意见，如果未输入使用经过提示‘请输入审核意见’，如果已经输入点击确认按钮后，提交后台进行审核，操作成功后：提示‘操作成功’+更新当前列表。</p> <p><img src="/project-word/assets/img/1589272678420.7203ff54.png" alt="1589272678420"></p> <h4 id="_2-6修改功能"><a href="#_2-6修改功能" class="header-anchor">#</a> 2.6修改功能</h4> <p><img src="/project-word/assets/img/1589272119664.35dc1bf6.png" alt="1589272119664"></p> <p><code>注意：当试题已经上架，那么此时（修改）按钮需要禁用。</code></p> <p>当用户点击（修改）按钮的时候，跳转到试题录入即可。需要在地址栏携带试题ID方可区分新增与修改。</p> <h4 id="_2-7上架下架"><a href="#_2-7上架下架" class="header-anchor">#</a> 2.7上架下架</h4> <p><img src="/project-word/assets/img/1589272903177.80fcc2b4.png" alt="1589272903177"></p> <p><code>注意：当试题状态是上架那么按钮为：下架，当试题的状态是下架那么按钮为：上架。</code></p> <p>当用户点击（下架）按钮的时候如图：弹出确认框</p> <p><img src="/project-word/assets/img/1589273016959.615faa4a.png" alt="1589273016959"></p> <p>当用户点击（上架）按钮的时候如图：弹出确认框</p> <p><img src="/project-word/assets/img/1589273045015.c9581c5f.png" alt="1589273045015"></p> <p>当用户点击确认按钮的时候，修改当前试题的（上架或下架）状态，修改成功后：提示‘操作成功’+更新当前列表。</p> <h4 id="_2-8删除功能"><a href="#_2-8删除功能" class="header-anchor">#</a> 2.8删除功能</h4> <p><img src="/project-word/assets/img/1589273262813.c0365eca.png" alt="1589273262813"></p> <p><code>注意：当试题已经上架，那么此时（删除）按钮需要禁用。</code></p> <p>当用户点击（删除）按钮的时候，弹出警告确认框，点击确认后，删除当前试题，成功后：提示删除成功+更新当前列表。</p> <p><img src="/project-word/assets/img/1589273325952.b80f2169.png" alt="1589273325952"></p> <h3 id="_03-试题录入"><a href="#_03-试题录入" class="header-anchor">#</a> 03-试题录入</h3> <h4 id="_3-1-基础布局"><a href="#_3-1-基础布局" class="header-anchor">#</a> 3.1 基础布局</h4> <p><img src="/project-word/assets/img/1589273714263.e0f4b58b.png" alt="1589273714263"></p> <h4 id="_3-2-初始化下拉框"><a href="#_3-2-初始化下拉框" class="header-anchor">#</a> 3.2 初始化下拉框</h4> <p><img src="/project-word/assets/img/1589274395219.8f7fbb47.png" alt="1589274395219"></p> <p><code>注意：城市有两个下拉框，默认初始化第一个：城市下拉框。然后选择完城市后获取地区选项数据去初始化地区下拉框。</code></p> <h4 id="_3-3-学科联动"><a href="#_3-3-学科联动" class="header-anchor">#</a> 3.3 学科联动</h4> <p>目录下拉框初始化：</p> <p><img src="/project-word/assets/img/1589275232671.add81ddb.png" alt="1589275232671"></p> <p>标签下拉框初始化：</p> <p><img src="/project-word/assets/img/1589275334132.121da16e.png" alt="1589275334132"></p> <h4 id="_3-4-试题类型联动"><a href="#_3-4-试题类型联动" class="header-anchor">#</a> 3.4 试题类型联动</h4> <p>当用户选择 “单选”</p> <p><img src="/project-word/assets/img/1589275561738.5c02f263.png" alt="1589275561738"></p> <p>当用户选择 “多选”</p> <p><img src="/project-word/assets/img/1589275625006.58d36fa9.png" alt="1589275625006"></p> <p>当用户选择 “简答”</p> <p><img src="/project-word/assets/img/1589275745661.556df0bd.png" alt="1589275745661"></p> <h4 id="_3-5-富文本"><a href="#_3-5-富文本" class="header-anchor">#</a> 3.5 富文本</h4> <p><img src="/project-word/assets/img/1589275831082.c26a42c5.png" alt="1589275831082"></p> <p>富文本值需要示图中的功能按钮，点击代码按钮的时候需要高亮即可。</p> <h4 id="_3-6-进行添加"><a href="#_3-6-进行添加" class="header-anchor">#</a> 3.6 进行添加</h4> <ul><li>点击确认提交按钮</li></ul> <p><img src="" alt="1589276020466"></p> <ul><li>先进行表单校验</li></ul> <p><img src="/project-word/assets/img/1589276072611.7fc721ab.png" alt="1589276072611"></p> <p><img src="" alt="1589276083171"></p> <p><img src="/project-word/assets/img/1589276094176.b9791a04.png" alt="1589276094176"></p> <p>​		提示文字如图。</p> <ul><li>校验成功进行提交，录入成功后，提示“修改成功”+跳转到基础题库列表。</li></ul> <h4 id="_3-7-进行修改"><a href="#_3-7-进行修改" class="header-anchor">#</a> 3.7 进行修改</h4> <p>当用户通过（基础题库|精选题库）的修改按钮跳转过来之后：</p> <ul><li>卡片标题改变</li></ul> <p><img src="" alt="1589276332137"></p> <ul><li>内容填充</li></ul> <p><img src="/project-word/assets/img/1589276369804.cc42c452.png" alt="1589276369804"></p> <p><img src="/project-word/assets/img/1589276395591.250e3a1f.png" alt="1589276395591"></p> <p><img src="/project-word/assets/img/1589276409159.3e70d9ec.png" alt="1589276409159"></p> <ul><li>按钮切换</li></ul> <p><img src="" alt="1589276425340"></p> <ul><li>当从修改切换到添加，或添加切换到修改。需要对应进行改变。
<ul><li>修改：标题（试题修改）+按钮（确认修改-绿色）+内容填充</li> <li>添加：标题（试题录入）+按钮（确认提交-蓝色）+内容重置</li></ul></li> <li>点击确认修改的时候，进行校验，校验成功后提交，修改成功后，提示“修改成功”+跳转到基础题库列表。</li></ul> <h3 id="_04-题组管理"><a href="#_04-题组管理" class="header-anchor">#</a> 04-题组管理</h3> <h4 id="_4-1基础布局"><a href="#_4-1基础布局" class="header-anchor">#</a> 4.1基础布局</h4> <p><img src="/project-word/assets/img/1589359618688.d0677ed8.png" alt="1589359618688"></p> <p><img src="/project-word/assets/img/1589359633472.5de10b8e.png" alt="1589359633472"></p> <p><code>注意：题组数据是mock的也就是模拟的，题目编号可试题编号有出路属于正常。</code></p> <h4 id="_4-2列表功能"><a href="#_4-2列表功能" class="header-anchor">#</a> 4.2列表功能</h4> <ul><li>点击清除按钮，清空关键字输入框。</li> <li>点击筛选按钮，按照用户输入的<strong>关键字</strong>且回到第一页进行查询，更新列表。</li> <li>点击分页按钮，按照按钮的页码进行查询，更新列表。</li> <li>选择条数下拉框，按照选择的条数且回到第一页进行查询，更新列表。</li> <li>输入页码回车后，按照输入的页码进行查询，更新列表。</li> <li>分页默认 20 条每页。</li> <li>按照上图中的列进行渲染列表。</li></ul> <h4 id="_4-3删除功能"><a href="#_4-3删除功能" class="header-anchor">#</a> 4.3删除功能</h4> <p>点击删除按钮，弹出警告确认框：</p> <p><img src="/project-word/assets/img/1589360154223.e504cd5e.png" alt="1589360154223"></p> <p>点击确认按钮，进行删除操作，如果操作成功：提示“删除成功”+更新当前列表</p> <h4 id="_4-4预览功能"><a href="#_4-4预览功能" class="header-anchor">#</a> 4.4预览功能</h4> <p>点击题目编号列中 试题的编号  进行预览。</p> <p><img src="/project-word/assets/img/1589360290755.c3d5115c.png" alt="1589360290755"></p> <p>不同试题预览不一致，可参考（基础题库|精选题库）的试题预览实现。</p> <ul><li>单选预览效果</li></ul> <p><img src="/project-word/assets/img/1589189433508.b683717e.png" alt="1589189433508"></p> <ul><li>多选预览效果</li></ul> <p><img src="/project-word/assets/img/1589189472234.acff1f46.png" alt="1589189472234"></p> <ul><li>简答预览效果</li></ul> <p><img src="/project-word/assets/img/1589189511238.2ca1b911.png" alt="1589189511238"></p> <h3 id="_05-学科管理"><a href="#_05-学科管理" class="header-anchor">#</a> 05-学科管理</h3> <h4 id="_5-1基础布局"><a href="#_5-1基础布局" class="header-anchor">#</a> 5.1基础布局</h4> <p><img src="/project-word/assets/img/1589360833191.bc7a3081.png" alt="1589360833191"></p> <p><img src="/project-word/assets/img/1589360858229.055ca794.png" alt="1589360858229"></p> <h4 id="_5-2列表功能"><a href="#_5-2列表功能" class="header-anchor">#</a> 5.2列表功能</h4> <ul><li>点击清除按钮，清空关键字输入框。</li> <li>点击筛选按钮，按照用户输入的<strong>学科名称</strong>且回到第一页进行查询，更新列表。</li> <li>点击分页按钮，按照按钮的页码进行查询，更新列表。</li> <li>选择条数下拉框，按照选择的条数且回到第一页进行查询，更新列表。</li> <li>输入页码回车后，按照输入的页码进行查询，更新列表。</li> <li>分页默认 10 条每页。</li> <li>按照上图中的列进行渲染列表。</li></ul> <h4 id="_5-3添加学科"><a href="#_5-3添加学科" class="header-anchor">#</a> 5.3添加学科</h4> <p>当用户点击新增学科按钮的时候，弹出对话框：</p> <p><img src="/project-word/assets/img/1589361068598.90058bc5.png" alt="1589361068598"></p> <p>当用户点击确认按钮的时候，进行校验：</p> <p><img src="/project-word/assets/img/1589361103808.4828a9c7.png" alt="1589361103808"></p> <p>当校验通过后，方可发起新增。新增成功后：提示“新增学科成功”+回到第一页更新列表。</p> <h4 id="_5-4修改学科"><a href="#_5-4修改学科" class="header-anchor">#</a> 5.4修改学科</h4> <p>当用户点击修改按钮的时候，弹出对话框：</p> <p><img src="/project-word/assets/img/1589361771649.bec8a227.png" alt="1589361771649"></p> <p>点击确认后且校验通过后，方可发起修改。修改成功后：提示“修改学科成功”+更新当前列表。</p> <h4 id="_5-5删除学科"><a href="#_5-5删除学科" class="header-anchor">#</a> 5.5删除学科</h4> <p>当用户点击删除按钮，弹出警告确认框：</p> <p><img src="/project-word/assets/img/1589362200689.3ae4c960.png" alt="1589362200689"></p> <p>点击确认按钮，进行删除操作，如果操作成功：提示“删除成功”+更新当前列表</p> <h4 id="_5-6学科分类"><a href="#_5-6学科分类" class="header-anchor">#</a> 5.6学科分类</h4> <p>当用户点击学科分类按钮，跳转到学科分类场景。</p> <p><img src="" alt="1589362399159"></p> <p>需要携带以上数据，学科分类方可开展在改学科下分类的操作。</p> <h4 id="_5-7学科标签"><a href="#_5-7学科标签" class="header-anchor">#</a> 5.7学科标签</h4> <p>当用户点击学科分类按钮，跳转到学科标签场景。</p> <p><img src="" alt="1589362483674"></p> <p>需要携带以上数据，学科分类方可开展在改学科下标签的操作。</p> <h3 id="_06-目录管理"><a href="#_06-目录管理" class="header-anchor">#</a> 06-目录管理</h3> <h4 id="_6-1基础布局"><a href="#_6-1基础布局" class="header-anchor">#</a> 6.1基础布局</h4> <p>当用户从学科管理页面点击 “学科分类” 按钮来到目录管理的时候布局：</p> <p><img src="/project-word/assets/img/1589362688452.cbaa2484.png" alt="1589362688452"></p> <p><code>注意：此处需要有面包屑标注来自哪个学科，需要有返回学科按钮点击后回到学科管理。</code></p> <p>当用户从左侧菜单点击进入目录管理的时候布局：</p> <p><img src="/project-word/assets/img/1589362738919.cc3e94b8.png" alt="1589362738919"></p> <p><img src="/project-word/assets/img/1589362752602.7d23e10d.png" alt="1589362752602"></p> <h4 id="_6-2列表功能"><a href="#_6-2列表功能" class="header-anchor">#</a> 6.2列表功能</h4> <p><code>注意：如果是从学科进入目录的需要默认带上学科ID作为筛选条件。</code></p> <ul><li>点击清除按钮，清空关键字输入框。</li> <li>点击筛选按钮，按照用户输入的<strong>目录名称</strong>和选择的<strong>状态</strong>且回到第一页进行查询，更新列表。
<ul><li>状态：已启用 ----&gt; 1  已禁用 ----&gt; 0</li></ul></li> <li>点击分页按钮，按照按钮的页码进行查询，更新列表。</li> <li>选择条数下拉框，按照选择的条数且回到第一页进行查询，更新列表。</li> <li>输入页码回车后，按照输入的页码进行查询，更新列表。</li> <li>分页默认 10 条每页。</li> <li>按照上图中的列进行渲染列表。</li></ul> <p><img src="/project-word/assets/img/1589363285781.ea0cb630.png" alt="1589363285781"></p> <p><code>注意，当目录是已启用状态，操作栏中的按钮：禁用按钮，修改和删除按钮需要不可用。</code></p> <p><code>注意，当目录是已禁用状态，操作栏中的按钮：禁用按钮，修改和删除按钮需要可用。</code></p> <h4 id="_6-3新增目录"><a href="#_6-3新增目录" class="header-anchor">#</a> 6.3新增目录</h4> <p>当用户点击新增目录按钮的时候，弹出对话框：</p> <p><code>当前目录管理，从学科进入的时候</code></p> <p><img src="/project-word/assets/img/1589363737303.605c231c.png" alt="1589363737303"></p> <p><code>当前目录管理，从做菜单进入的时候</code></p> <p><img src="/project-word/assets/img/1589363710857.b32c1376.png" alt="1589363710857"></p> <p>点击确认按钮的时候，进行必填校验，然后提交新增操作，成功后：提示“新增目录成功”+更新第一页列表。</p> <h4 id="_6-4修改目录"><a href="#_6-4修改目录" class="header-anchor">#</a> 6.4修改目录</h4> <p>当用户点击每一行的修改按钮的时候，弹出对话框：</p> <p><code>当前目录管理，从学科进入的时候</code></p> <p><img src="/project-word/assets/img/1589364085546.cf43eb8c.png" alt="1589364085546"></p> <p><code>当前目录管理，从左菜单进入的时候</code></p> <p><img src="/project-word/assets/img/1589364113703.6abb4a48.png" alt="1589364113703"></p> <p>点击确认按钮的时候，进行必填校验，然后提交修改操作，成功后：提示“修改目录成功”+更新当前列表。</p> <h4 id="_6-5删除目录"><a href="#_6-5删除目录" class="header-anchor">#</a> 6.5删除目录</h4> <p>当用户点击删除按钮，弹出警告确认框：</p> <p><img src="/project-word/assets/img/1589364257362.4749bd81.png" alt="1589364257362"></p> <p>点击确认按钮，进行删除操作，如果操作成功：提示“删除成功”+更新当前列表</p> <h3 id="_07-标签管理"><a href="#_07-标签管理" class="header-anchor">#</a> 07-标签管理</h3> <blockquote><p>参照图中的 “目录” 就是 “标签” ， 大家写的时候注意。</p></blockquote> <h4 id="_7-1基础布局"><a href="#_7-1基础布局" class="header-anchor">#</a> 7.1基础布局</h4> <p>当用户从学科管理页面点击 “学科标签” 按钮来到标签管理的时候布局：</p> <p><img src="/project-word/assets/img/1589444712336.6589766f.png" alt="1589444712336"></p> <p><code>注意：此处需要有面包屑标注来自哪个学科，需要有返回学科按钮点击后回到学科管理。</code></p> <p>当用户从左侧菜单点击进入目录管理的时候布局：</p> <p><img src="/project-word/assets/img/1589444761258.cd2f3f27.png" alt="1589444761258"></p> <p><img src="/project-word/assets/img/1589444773332.00569de9.png" alt="1589444773332"></p> <h4 id="_7-2-列表功能"><a href="#_7-2-列表功能" class="header-anchor">#</a> 7.2 列表功能</h4> <p><code>注意：如果是从学科进入标签的需要默认带上学科ID作为筛选条件。</code></p> <ul><li>点击清除按钮，清空关键字输入框。</li> <li>点击筛选按钮，按照用户输入的<strong>标签名称</strong>和选择的<strong>状态</strong>且回到第一页进行查询，更新列表。
<ul><li>状态：已启用 ----&gt; 1  已禁用 ----&gt; 0</li></ul></li> <li>点击分页按钮，按照按钮的页码进行查询，更新列表。</li> <li>选择条数下拉框，按照选择的条数且回到第一页进行查询，更新列表。</li> <li>输入页码回车后，按照输入的页码进行查询，更新列表。</li> <li>分页默认 10 条每页。</li> <li>按照上图中的列进行渲染列表。</li></ul> <p><img src="/project-word/assets/img/1589444922710.259ff8d1.png" alt="1589444922710"></p> <p><code>注意，当标签是已启用状态，操作栏中的按钮：禁用按钮，修改和删除按钮需要不可用。</code></p> <p><code>注意，当标签是已禁用状态，操作栏中的按钮：禁用按钮，修改和删除按钮需要可用。</code></p> <h4 id="_7-3新增标签"><a href="#_7-3新增标签" class="header-anchor">#</a> 7.3新增标签</h4> <p>当用户点击新增标签按钮的时候，弹出对话框：</p> <p><code>当前标签管理，从学科进入的时候</code></p> <p><img src="/project-word/assets/img/1589445165044.61a08472.png" alt="1589445165044"></p> <p><code>当前标签管理，从左菜单进入的时候</code></p> <p><img src="/project-word/assets/img/1589445205524.12058b79.png" alt="1589445205524"></p> <p>点击确认按钮的时候，进行必填校验，然后提交新增操作，成功后：提示“新增标签成功”+更新第一页列表。</p> <h4 id="_7-4-修改标签"><a href="#_7-4-修改标签" class="header-anchor">#</a> 7.4 修改标签</h4> <p>当用户点击每一行的修改按钮的时候，弹出对话框：</p> <p><code>当前标签管理，从学科进入的时候</code></p> <p><img src="/project-word/assets/img/1589445352278.12ad0608.png" alt="1589445352278"></p> <p><code>当前标签管理，从左菜单进入的时候</code></p> <p><img src="/project-word/assets/img/1589445377641.49229887.png" alt="1589445377641"></p> <p>点击确认按钮的时候，进行必填校验，然后提交修改操作，成功后：提示“修改标签成功”+更新当前列表。</p> <h4 id="_7-5-删除标签"><a href="#_7-5-删除标签" class="header-anchor">#</a> 7.5 删除标签</h4> <p>当用户点击删除按钮，弹出警告确认框：</p> <p><img src="/project-word/assets/img/1589445431881.e038bea5.png" alt="1589445431881"></p> <p>点击确认按钮，进行删除操作，如果操作成功：提示“删除成功”+更新当前列表</p> <h3 id="_08-面试技巧"><a href="#_08-面试技巧" class="header-anchor">#</a> 08-面试技巧</h3> <h4 id="_8-1基础布局"><a href="#_8-1基础布局" class="header-anchor">#</a> 8.1基础布局</h4> <p><img src="/project-word/assets/img/1589445614306.d4564450.png" alt="1589445614306"></p> <p><img src="/project-word/assets/img/1589445630618.8a01e729.png" alt="1589445630618"></p> <h4 id="_8-2列表功能"><a href="#_8-2列表功能" class="header-anchor">#</a> 8.2列表功能</h4> <ul><li>点击清除按钮，清空关键字输入框。</li> <li>点击筛选按钮，按照用户输入的<strong>标签名称</strong>和选择的<strong>状态</strong>且回到第一页进行查询，更新列表。
<ul><li>状态：已启用 ----&gt; 1  已禁用 ----&gt; 0</li></ul></li> <li>点击分页按钮，按照按钮的页码进行查询，更新列表。</li> <li>选择条数下拉框，按照选择的条数且回到第一页进行查询，更新列表。</li> <li>输入页码回车后，按照输入的页码进行查询，更新列表。</li> <li>分页默认 10 条每页。</li> <li>按照图中的列进行渲染列表。</li></ul> <p><img src="/project-word/assets/img/1589445732112.9e2e73b1.png" alt="1589445732112"></p> <p><code>注意，当文章是已启用状态，操作栏中的按钮：禁用按钮，修改和删除按钮需要不可用。</code></p> <p><code>注意，当文章是已禁用状态，操作栏中的按钮：禁用按钮，修改和删除按钮需要可用。</code></p> <h4 id="_8-3观看视频"><a href="#_8-3观看视频" class="header-anchor">#</a> 8.3观看视频</h4> <p><img src="/project-word/assets/img/1589445839128.650e243e.png" alt="1589445839128"></p> <p>当文章中包含视频链接的时候显示图中图标，且点击图标后可观看视频，打开播放器且自动播放：</p> <p><img src="/project-word/assets/img/1589445937010.4541b3ab.png" alt="1589445937010"></p> <p>当点击close图标的时候，停止播放且关闭观看。</p> <h4 id="_8-4预览文章"><a href="#_8-4预览文章" class="header-anchor">#</a> 8.4预览文章</h4> <p>当用户点击每一行数据中的预览按钮的时候，打开预览文章对话框：</p> <p><img src="/project-word/assets/img/1589446104192.4aebf26f.png" alt="1589446104192"></p> <p>内容包含：</p> <ul><li>文章标题，录入时间，录入人、浏览次数</li> <li>文章内容</li></ul> <h4 id="_8-5禁用启用"><a href="#_8-5禁用启用" class="header-anchor">#</a> 8.5禁用启用</h4> <p><img src="/project-word/assets/img/1589446226702.6e376a20.png" alt="1589446226702"></p> <p>图中的 “禁用” “启用” 按钮根据当前文章的状态来渲染。</p> <ul><li>文章已启用：显示 “禁用” 按钮</li> <li>文章已禁用：显示 “启用” 按钮</li></ul> <p>当用户点击 “禁用” 按钮的时候，提交禁用操作，成功后：提示“操作成功”+更新当前列表。</p> <p>当用户点击 “启用” 按钮的时候，提交启用操作，成功后：提示“操作成功”+更新当前列表。</p> <h4 id="_8-6新增文章"><a href="#_8-6新增文章" class="header-anchor">#</a> 8.6新增文章</h4> <p>当用户点击 “新增文章” 按钮的时候，打开对话框：</p> <p><img src="/project-word/assets/img/1589446432791.cf637786.png" alt="1589446432791"></p> <p>对话框中包含：</p> <ul><li>“文章标题” 输入框</li> <li>“文章内容” 富文本输入框</li> <li>“视频地址” 输入框</li></ul> <p>当用户点击确认按钮的时候进行校验：</p> <p><img src="/project-word/assets/img/1589446509783.36de61d8.png" alt="1589446509783"></p> <p>如果校验通过，提交新增请求，处理成功后：提示“新增文章成功”+更新第一页列表。</p> <h4 id="_8-7修改文章"><a href="#_8-7修改文章" class="header-anchor">#</a> 8.7修改文章</h4> <p>当用户点击 “修改” 按钮的时候，打开对话框：</p> <p><img src="/project-word/assets/img/1589446640822.ef927005.png" alt="1589446640822"></p> <p>表单中的内容需要填充当前修改文章的数据，然后进行修改。</p> <p>当用户点击确认的时候，需要进行基本校验，然后提交修改操作，处理成功后：提示“修改文章成功”+根据当前列表。</p> <h4 id="_8-8-删除文章"><a href="#_8-8-删除文章" class="header-anchor">#</a> 8.8 删除文章</h4> <p>当用户点击删除按钮，弹出警告确认框：</p> <p><img src="/project-word/assets/img/1589446778154.4fc6da8a.png" alt="1589446778154"></p> <p>点击确认按钮，进行删除操作，如果操作成功：提示“删除成功”+更新当前列表</p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/project-word/01-项目介绍.html" class="prev">
        项目介绍
      </a></span> <span class="next"><a href="/project-word/03-项目接口.html">
        接口文档
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"></div></div>
    <script src="/project-word/assets/js/app.1efb13a5.js" defer></script><script src="/project-word/assets/js/3.c7d8034a.js" defer></script><script src="/project-word/assets/js/2.dba62a78.js" defer></script>
  </body>
</html>
